<template>
  <div>
    <el-table
      ref="multipleTable"
      :data="tableData"
      style="width: 100%"
      tooltip-effect="dark"
      border
      :height="$store.state.app.tableHeight"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="expand">
        <template slot-scope="props">
          <el-form label-position="left" inline class="demo-table-expand">
            <el-form-item label="库位编号">
              <span>{{ props.row.name }}</span>
            </el-form-item>
            <el-form-item label="产品代码">
              <span>{{ props.row.shop }}</span>
            </el-form-item>
            <el-form-item label="产品名称">
              <span>{{ props.row.id }}</span>
            </el-form-item>
            <el-form-item label="品牌">
              <span>{{ props.row.shopId }}</span>
            </el-form-item>
            <el-form-item label="规格">
              <span>{{ props.row.category }}</span>
            </el-form-item>
            <el-form-item label="批号">
              <span>{{ props.row.shop }}</span>
            </el-form-item>
            <el-form-item label="生产日期">
              <span>{{ props.row.id }}</span>
            </el-form-item>
            <el-form-item label="单位">
              <span>{{ props.row.shopId }}</span>
            </el-form-item>
          </el-form>
        </template>
      </el-table-column>
      <el-table-column
        type="selection"
        width="55"
      />
      <el-table-column
        label="入库单号"
        prop="order_num"
      />
      <el-table-column
        label="入库时间"
        prop="order_date"
      />
      <el-table-column
        label="仓库编号"
        prop="warehouse_id"
      />
      <el-table-column
        label="总数量"
        prop="count_all_num"
      />
      <el-table-column
        label="大条码数"
        prop="desc"
      />
      <el-table-column
        label="中条码数"
        prop="desc"
      />
      <el-table-column
        label="小条码数"
        prop="desc"
      />
      <el-table-column
        label="备注"
        prop="desc"
      />
      <el-table-column
        label="上传账号"
        prop="desc"
      />
      <el-table-column
        label="录入时间"
        prop="desc"
      />
      <el-table-column
        label="确认账号"
        prop="desc"
      />
      <el-table-column
        label="确认时间"
        prop="desc"
      />
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {

    }
  },
  methods: {
    handleSelectionChange(val) {
      this.$emit('selectedVal', val)
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
